<template name="Taste">
	<view class="mineTaste">
		<view v-for="(item,index) in mineTaste" :key="index" :style="{'color': item.colorPag}">{{item.taste}}</view>
	</view>
</template>

<script>
export default {
	name: "Taste",
	props: {
		mineTaste: {
			colorPag: {
				type: String,
				default: ''
			},
			taste: {
				type: String,
				default: ''
			}
		}
	},
	data() {
		return {}
	},
	methods: {

	}
}
</script>

<style lang="scss">
	@import "../../icon/iconfont.css";
	.mineTaste{
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		color: $uni-text-color-disable;
		font-size: $uni-font-size-base;
		view {
			padding-right: 4%;
			height: 30px;
			line-height: 30px;
		}
	}
</style>
